<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title></title>
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />    
	<link rel="stylesheet" href="news.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="blog.css" type="text/css" media="screen, projection" />
</head>

<body>

<div id="wrapper">
	<div id="top_line">
	</div>
	<div id="header">
		<div id="header_logo">
        	<a href="#"><img src="img/Logo.png" /></a>
        </div>
        <div id="header_lang">
        	<a href="#"><img src="img/Lang_EN.png" /></a>
            <a href="#"><img src="img/Lang_DE.png" /></a>
        </div>
        <div id="header_menu">
        	<div id="header_menu_item"><a href="#">New User?</a></div>
            <div id="header_menu_item"><a href="#">Register</a></div>
            <div id="header_menu_item"><a href="#">Sign In</a></div>
            <div id="header_menu_item"><a href="#">Help</a></div>
        </div>
		
	</div><!-- #header-->
	<div id="menu">
    	<div id="menu_bar">
            <div class="menu_item_left">
                <div class="menu_item">
            		<a href="#">HOME</a>
            	</div>
            </div>
            <div class="menu_item_delimiter">
            </div>
            <div class="menu_item">
            	<a href="#">ABOUT US</a>
            </div>
            <div class="menu_item_delimiter">
            </div>            
            <div class="menu_item">
            	<a href="#">ADMISSIONS</a>
            </div>
            <div class="menu_item_delimiter">
            </div>            
            <div class="menu_item">
            	<a href="#">PROGRAMS</a>
            </div>
            <div class="menu_item_delimiter">
            </div>            
            <div class="menu_item_right">
            	<div class="menu_item">
            		<a href="#">CONTACTS</a>
            	</div>
            </div>
        </div>
        <div id="search_bar">
            <div id="search_bar_left">
            </div>
            <div id="search_bar_middle">
            	<div id="search_bar_input">
                	<input type="text" />
                </div>
                <div id="search_bar_search">
                	<a href="#">Search</a>
                </div>
            </div>
            <div id="search_bar_right">
            </div>
        </div>

    </div>

	<div id="middle">

		<div id="container">
			<div id="content">
				<div class="content_news">
                	<div class="content_news_name">
                    	<span>What's new?</span>
                    </div>
                    <div class="news_item">
                    	<div class="news_item_date">
                        	<span>29.07.2011, 12:07</span>
                        </div>
                        <div class="news_item_tags">
                        	<span>News tags</span>                        
                        </div>
                        <div class="news_item_img">
                        	<img src="img/news_img.png" width="194" height="161"/>
                        </div>
                        <div class="news_item_content">
                        	<div class="news_item_head">
                            	<span>CEMPORE MASSASOLUTA NOBIS EST ELIGENDIOM NIS VOLUTASASSUMENDAM</span>
                            </div>
                        	<div class="news_item_text">
                            	<span>Aut rerum odes necessitatibus saepe eve nievouptates estu repudiandae sint et molestiae non recusandaeItaque earum rerum hic tenetura sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus 
asperiores repellat. ....</span>
                            </div>
                        	<div class="news_item_views">
                            	<span>views: 100500</span>
                            </div>
                        	<div class="news_item_comments">
                            	<span>comments: 50250</span>
                            </div>
                           	<div class="news_item_social">
                            	<a href="#"><img src="img/news_facebook.png"/></a>
                            	<a href="#"><img src="img/news_twitter.png"/></a>
                            	<a href="#"><img src="img/news_vkontakte.png"/></a>
                              	<a href="#"><img src="img/news_google.png"/></a>
                            </div>
                        </div>                     
                    </div>
                    <div class="news_item_delim">
                    </div>
                    <div class="news_item">
                    	<div class="news_item_date">
                        	<span>29.07.2011, 12:07</span>
                        </div>
                        <div class="news_item_tags">
                        	<span>News tags</span>                        
                        </div>
                        <div class="news_item_img">
                        	<img src="img/news_img.png" width="194" height="161"/>
                        </div>
                        <div class="news_item_content">
                        	<div class="news_item_head">
                            	<span>CEMPORE MASSASOLUTA NOBIS EST ELIGENDIOM NIS VOLUTASASSUMENDAM</span>
                            </div>
                        	<div class="news_item_text">
                            	<span>Aut rerum odes necessitatibus saepe eve nievouptates estu repudiandae sint et molestiae non recusandaeItaque earum rerum hic tenetura sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus 
asperiores repellat. ....</span>
                            </div>
                        	<div class="news_item_views">
                            	<span>views: 100500</span>
                            </div>
                        	<div class="news_item_comments">
                            	<span>comments: 50250</span>
                            </div>
                           	<div class="news_item_social">
                            	<a href="#"><img src="img/news_facebook.png"/></a>
                            	<a href="#"><img src="img/news_twitter.png"/></a>
                            	<a href="#"><img src="img/news_vkontakte.png"/></a>
                              	<a href="#"><img src="img/news_google.png"/></a>
                            </div>
                        </div>                     
                    </div>
                    <div class="news_item_delim">
                    </div>
                    <div class="news_item">
                    	<div class="news_item_date">
                        	<span>29.07.2011, 12:07</span>
                        </div>
                        <div class="news_item_tags">
                        	<span>News tags</span>                        
                        </div>
                        <div class="news_item_img">
                        	<img src="img/news_img.png" width="194" height="161"/>
                        </div>
                        <div class="news_item_content">
                        	<div class="news_item_head">
                            	<span>CEMPORE MASSASOLUTA NOBIS EST ELIGENDIOM NIS VOLUTASASSUMENDAM</span>
                            </div>
                        	<div class="news_item_text">
                            	<span>Aut rerum odes necessitatibus saepe eve nievouptates estu repudiandae sint et molestiae non recusandaeItaque earum rerum hic tenetura sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus 
asperiores repellat. ....</span>
                            </div>
                        	<div class="news_item_views">
                            	<span>views: 100500</span>
                            </div>
                        	<div class="news_item_comments">
                            	<span>comments: 50250</span>
                            </div>
                           	<div class="news_item_social">
                            	<a href="#"><img src="img/news_facebook.png"/></a>
                            	<a href="#"><img src="img/news_twitter.png"/></a>
                            	<a href="#"><img src="img/news_vkontakte.png"/></a>
                              	<a href="#"><img src="img/news_google.png"/></a>
                            </div>
                        </div>                     
                    </div>
                    <div class="news_item_delim">
                    </div>
                    <div class="news_item">
                    	<div class="news_item_date">
                        	<span>29.07.2011, 12:07</span>
                        </div>
                        <div class="news_item_tags">
                        	<span>News tags</span>                        
                        </div>
                        <div class="news_item_img">
                        	<img src="img/news_img.png" width="194" height="161"/>
                        </div>
                        <div class="news_item_content">
                        	<div class="news_item_head">
                            	<span>CEMPORE MASSASOLUTA NOBIS EST ELIGENDIOM NIS VOLUTASASSUMENDAM</span>
                            </div>
                        	<div class="news_item_text">
                            	<span>Aut rerum odes necessitatibus saepe eve nievouptates estu repudiandae sint et molestiae non recusandaeItaque earum rerum hic tenetura sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus 
asperiores repellat. ....</span>
                            </div>
                        	<div class="news_item_views">
                            	<span>views: 100500</span>
                            </div>
                        	<div class="news_item_comments">
                            	<span>comments: 50250</span>
                            </div>
                           	<div class="news_item_social">
                            	<a href="#"><img src="img/news_facebook.png"/></a>
                            	<a href="#"><img src="img/news_twitter.png"/></a>
                            	<a href="#"><img src="img/news_vkontakte.png"/></a>
                              	<a href="#"><img src="img/news_google.png"/></a>
                            </div>
                        </div>                     
                    </div>                                                           
                </div>
			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideRight">
        	<div class="news_bar_block">
            	<div class="news_bar_name">
                	<span>Archive</span>
                </div>
                
                <ul>
                	<li>
                    	<div class="label_item">
                			<div class="label_text">
                    			<span>september</span>
                   			</div>
                    		<div class="label_count">
                    			<span>(4)</span>
                    		</div>
                		</div>
                    </li>
                    <li>
                    	<div class="label_item">
                			<div class="label_text">
                    			<span>october</span>
                   			</div>
                    		<div class="label_count">
                    			<span>(17)</span>
                    		</div>
                		</div>
                    </li>
                    <li>
                    	<div class="label_item">
                			<div class="label_text">
                    			<span>november</span>
                   			</div>
                    		<div class="label_count">
                    			<span>(41)</span>
                    		</div>
                		</div>
                    </li>
                    <li>
                    	<div class="label_item">
                			<div class="label_text">
                    			<span>december</span>
                   			</div>
                    		<div class="label_count">
                    			<span>(7)</span>
                    		</div>
                		</div>
                    </li>
                    <li>
                    	<div class="label_item">
                			<div class="label_text">
                    			<span>january</span>
                   			</div>
                    		<div class="label_count">
                    			<span>(22)</span>
                    		</div>
                		</div>
                    </li>
                    <li>
                    	<div class="label_item">
                			<div class="label_text">
                    			<span>february</span>
                   			</div>
                    		<div class="label_count">
                    			<span>(2)</span>
                    		</div>
                		</div>
                        <ul>
                        	<li>
                            	<div class="label_item2">
                					<div class="label_head">
                    					<span>Mauris fermen</span>
                   					</div>
                    				<div class="label_content">
                    					<span>Aut rerum odes necessitatibus saepe eve nievouptates estu repudiandae sint</span>
                    				</div>
                				</div>
                            </li>
                            
                            <li>
                            	<div class="label_item2">
                					<div class="label_head">
                    					<span>Mauris fermen</span>
                   					</div>
                    				<div class="label_content">
                    					<span>Aut rerum odes necessitatibus saepe eve nievouptates estu repudiandae sint</span>
                    				</div>
                				</div>                            
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

			<div class="news_bar_block">
            	<div class="news_bar_name">
                	<span>Labels</span>
                </div>
                <div class="label_item">
                	<div class="label_text">
                    	<span>Education</span>
                    </div>
                    <div class="label_count">
                    	<span>(4)</span>
                    </div>
                </div>
                
                <div class="label_item">
                	<div class="label_text">
                    	<span>Jobs</span>
                    </div>
                    <div class="label_count">
                    	<span>(41)</span>
                    </div>
                </div>

                <div class="label_item">
                	<div class="label_text">
                    	<span>International studies</span>
                    </div>
                    <div class="label_count">
                    	<span>(14)</span>
                    </div>
                </div>
                
                <div class="label_item">
                	<div class="label_text">
                    	<span>Public engagement</span>
                    </div>
                    <div class="label_count">
                    	<span>(22)</span>
                    </div>
                </div>

                <div class="label_item">
                	<div class="label_text">
                    	<span>Services</span>
                    </div>
                    <div class="label_count">
                    	<span>(7)</span>
                    </div>
                </div>

                <div class="label_item">
                	<div class="label_text">
                    	<span>New blog</span>
                    </div>
                    <div class="label_count">
                    	<span>(17)</span>
                    </div>
                </div>
                      
                <div class="label_item">
                	<div class="label_text">
                    	<span>Archive</span>
                    </div>
                    <div class="label_count">
                    	<span>(3)</span>
                    </div>
                </div>                      
                                                                
            </div>            
		</div><!-- .sidebar#sideRight -->

	</div><!-- #middle-->

</div><!-- #wrapper -->
<div id="bottom_line">
<div id="footer">
	<div id="footer_menu">
    	<div id="footer_menu_name">
            About
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>About us</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Work team</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Clients</span></a>
        </div>                
    </div>
    <div id="footer_menu">
        <div id="footer_menu_name">
            Main Services
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Market research</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Online support</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Business help</span></a>
        </div>   
    </div>
    <div id="footer_menu">
        <div id="footer_menu_name">
            Related Links
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Strategies</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>FAQ's</span></a>
        </div>
        <div id="footer_menu_item">
        	<a href="#"><span>Solutions</span></a>
        </div>   
    </div>
    <div id="newsletter">
    	<div id="newsletter_name">
            Newsletter
        </div>
        <div id="newsletter_input">
        	<input type="text"/>
        </div>
        <div id="newsletter_submit">
        	<a href="#"><span>SUBMIT</span></a>
        </div>
    </div>
    <div id="copyright">
    	<div id="compagny"><span>Compagny</span></div>
        <div id="rights"><span>c 2011 | All right reserved</span></div>
    </div>
</div><!-- #footer -->
</div>

</body>
</html>
